<template>
  <div id="app">
    <router-view/>
    <!--底部tab栏-->
    <!-- <div class="university_table" v-if="isShow"> -->
      <!-- <div
        class="university_navigation"
        v-bind:class="{ university_list: selected===1 }"
        @click="tablist(1)"
      >列表</div>
      <div
        class="university_navigation"
        :class="{ university_seller: selected===2 }"
        @click="tablist(2)"
      >商家</div> -->
      <!-- <div
        class="university_navigation"
        :class="{ university_dynamic: selected===3 }"
        @click="tablist(3)"
      >市场</div>
      <div
        class="university_navigation"
        :class="{ university_personal: selected===4 }"
        @click="tablist(4)"
      >我的</div> -->
    <!-- </div> -->
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      selected: 1,
      isShow: true
    };
  },
  computed: {},
  created() {
    // this.checkRouter();
  },
  methods: {
    // tablist(n) {
    //   this.selected = n;
    //   switch (n) {
    //     case 1:
    //       this.$router.push({ path: "/teamlist" });
    //        this.isShow = false;
    //       break;
    //     case 2:
    //       this.$router.push({ path: "/seller" });
    //        this.isShow = false;
    //       break;
    //     case 3:
    //       this.$router.push({ path: "/conversation" });
    //        this.isShow = true;
    //       break;
    //     case 4:
    //       this.$router.push({ path: "/personal" });
    //        this.isShow = true;
    //       break;
    //   }
    // },
    // 检测现在在哪个路由下
    // checkRouter() {
    //   let crouter = window.location.href;
    //   if (crouter.indexOf("teamlist") !== -1) {
    //     this.selected = 1;
    //     this.isShow = false;
    //   } else if (crouter.indexOf("seller") !== -1) {
    //     this.selected = 2;
    //     this.isShow = false;
    //   } else if (crouter.indexOf("conversation") !== -1) {
    //     this.selected = 3;
    //     this.isShow = true;
    //   } else if (crouter.indexOf("personal") !== -1) {
    //     this.selected = 4;
    //     this.isShow = true;
    //   }
    // }
  }
};
</script>

<style>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #2c3e50;
  /* margin-top: 60px; */
}
body,
html {
  padding: 0rem;
  margin: 0rem;
}

</style>
